@charset "UTF-8";

html {
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote
	{
	margin: 0;
	padding: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select {
	*font-size: 100%;
}

legend {
	color: #000;
}

del,ins {
	text-decoration: none;
}

body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
}

select,input,button,textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

h1 {
	font-size: 138.5%;
}

h2 {
	font-size: 123.1%;
}

h3 {
	font-size: 108%;
}

h1,h2,h3 {
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong {
	font-weight: bold;
}

abbr,acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	font-style: italic;
}

blockquote,ul,ol,dl {
	margin: 1em;
}

ol,ul,dl {
	margin-left: 15%;
}

ol li {
	list-style: decimal outside;
}

ul li {
	list-style: none;
}

dl dd {
	margin-left: 1em;
}

th {
	font-weight: bold;
	text-align: center;
}

caption {
	margin-bottom: .5em;
	text-align: center;
}

p,fieldset,table,pre {
	margin-bottom: 1em;
}

input[type=text],input[type=password],textarea {
	width: 12.25em;
	*width: 11.9em;
}

/* Css de Base3 */

/*AQU� VAMOS A DEFINIR LAS PROPIEDADES DE LA P�GINA EN GENERAL, M�S ADELANTE DEFINIREMOS LAS DE LAS CAJAS PRINCIPALES*/
/*formatos de p�rrafo, linea de separacion, encabezados 1 al 6, tablas, v�nculos (en sus 4 estados) y body respectivamente*/
p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #586885;
	line-height: 120%;
}

hr {
	display: none;
}

h1 {
	font: 25px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #698299;
	margin: 1px;
}

h2 {
	text-align: left;
	color: #7996DE;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

h3 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666666;
}

h4 {
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
}

h5 {
	text-align: center;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	text-transform: uppercase;
}

h6 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	margin-left: 15px;
}

td {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #586885;
}

a {
	font-size: 12px;
	color: #325FA0;
}

a:link {
	text-decoration: none;
	color: #000000;
}

.izq_content a {
	color: #FFFFFF;
	line-height: 170%;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.izq_content dl {
	list-style-type: none;
}

#confPenya,#confUsuaris,#confPronostics,#confMestres,#menuResultats,#menuClassificacio {
	width: 95px;
	display: none;
}

.izq_content ul {
	list-style-type: none;
}

a:visited {
	text-decoration: none;
	color: #FF0000;
}

a:hover {
	text-decoration: none;
	color: #00FFFF;
}

a:active {
	text-decoration: none;
	color: #0099CC;
}

BODY {
	text-align: justify;
	line-height: 10px;
	background-image: url(img/balones.gif);
}
/*AHORA VAMOS A PASAR A DEFINIR LOS VALORES
	PARA ORDENAR LAS CAJAS QUE HEMOS CREADO EN XHTML,
	 RECORDAD QUE SI NO EST�N BIEN ESTRUCTURADAS DENTRO
	 DEL DOCUMENTO TENDR�IS COMPLICACIONES AL QUERER SITUARLAS EN CSS*/

/*PRIMERO HACEMOS UN CONTENEDOR PARA QUE ALBERGUE A 
	 LOS DEM�S ELEMENTOS, ADEM�S QUEREMOS QUE QUEDE CENTRADO,
	  POR LO QUE PONDREMOS ATENCI�N A LOS VALORES DE MARGIN*/
#CONTAINER {
	background-color: #FFFFFF;
	margin: 0 auto; /*con este valor quedar� centrado,
						 no hace falta repetir otra vez 0 
						 auto porque ahora mismo el 0 se refire
						 a arriba y abajo, y el auto a los lados*/
	width: 900px;
	height: auto;
	background-image: url(img/fons_content.png);
	background-repeat: repeat-x;
}
/*en header le damos el mismo ancho que el contenedor
	(si queremos podemos darle menos),
	 la altura que queramos, colores etc...
	 Lo que m�s nos interesa es que debe estar centrado con 
	 el contenedor, por eso mirad las propiedades de margin,
	 tiene cero arriba, a la derecha tambi�n, abajo tiene 10 px,
	 y a la izquierda de nuevo cero p�xeles, por el mismo orden 
	 que los he mencionado.
	 S�lo he definido el borde de abajo porque los dem�s tocan a
	 los del contenedor y resulta feo.*/
.header {
	width: 900px;
	height: 181px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin: 0 0 10 0;
	background-color: #000000;
}
/*En la div "izquierda" vamos a ajustar los valores para
	que tenga una anchura de 100p�xeles, una altura que 
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px a la izquierda, adem�s de hacer que se sit�e a la izquierda
	mediante "float"*/
.izquierda {
	width: 156px;
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	margin: 15px;
	float: left;
}

.izquierda ul {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 140%;
	text-transform: capitalize;
}
/*El la div "derecha" vamos a ajustar los valores para
	que tenga una anchura de 150p�xeles, una altura que tambi�n
	dependa del contenido que tenga dentro, y le vamos a dar 
	un margen de 5px, adem�s de hacer que se sit�e a la derecha*/
.derecha {
	width: 150px;
	height: 100px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	margin: 15;
	float: right;
	padding: 5px;
	background-image: url(img/ONLAE.png);
	background-repeat: no-repeat;
}

.derecha:HOVER {
	cursor: pointer;
	color: white;
}

/*Ahora le toca a la caja que contendr� la informaci�n 
	principal de nuestra p�gina (la div "principal")
	en este caso queremos que se ajuste al espacio
	que sobra a lo ancho del contenedor, por que calculamos, 700px(anchura del mismo)-100px(anchura de la div "izquierda")-150px(anchura de la div "derecha")-20px(total de los margins)-34px(total de los paddings)-6px (total de los borders)=390px.
	Adem�s de esto, tambi�n queremos que quede situado entre las cajas que la rodean,
	por lo que calcularemos el espacio que deber�a quedar a su izquierda y despu�s poner el mismo valor en su "margin-left"
	(Hay que prestar especial atenci�n a contar TODOS los valores que se utilizar�n, incluidos, m�rgenes, padding, bordes...)*/
.principal {
	width: 500px;
	background-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	margin: 0 5px 0 190px;
	padding: 10px;
	min-height: 500px;
	height: auto;
}

.footer {
	width: 885px;
	height: 30px;
	background-color: #E3E9F1;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	margin: 5px;
	clear: left;
}

.footer h6 {
	text-align: center;
	text-transform: uppercase;
	margin: 5px auto;
	color: #666666;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.derecha p {
	display: none;
	background-repeat: no-repeat;
}

.izq_header {
	height: 62px;
	background-image: url(img/izq_header.png);
	background-repeat: no-repeat;
}

.izq_content {
	background-image: url(img/izq_content.png);
	background-repeat: repeat-y;
	padding: 5px;
	text-align: center;
}

.izq_footer {
	height: 64px;
	background-image: url(img/izq_footer.png);
	background-repeat: no-repeat;
}

.principal_todo {
	width: auto;
	background-color: #FFF;
	/* 	border-style:solid; */
	/* 	border-width:1px; */
	/* 	border-color:#000000; */
	margin: 0 5px 0 190px;
	padding: 10px;
	min-height: 500px;
	height: auto;
}

.error {
	color: red;
}

.resultats_jornada {
	width: auto;
	margin: 6px;
	padding: 0px;
	float: left;
	display: inline;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}

.link {
	style ="font-size: 20px;
	font-weight: bolder;
	text-decoration: underline;
	color: #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.message-body {
	padding: 10px;
	text-align: justify;
	border: 1px solid #ddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#message-form{
    background: #eee;
    padding: 10px;
    margin-bottom: 2px;

    text-align: left;
}

#message-form textarea {

    width: 99%;
    margin-bottom: 15px;
}

.error{
	background: #FC9696;
    padding: 10px;
    margin-bottom: 2px;
    color: red;
    font-weight: bold;
	
}

.equipsPenyista {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 1%;
}

.equipsPenyista li{
	display:inline;
	border: 1px solid #7894AE;
	margin: 0px;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	background-color: #D8E3FC;
}

.equipsPenyista li a{
	font-weight: bold;
	font-color: #0000FF;
	
}

.message-right{
	text-align: right;
}

.nonBorder {
	border: 0px;
	width: 100%;
	margin-bottom: 0px; 
}

.resaltat{
	font-weight: bold;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #33CCCC;
}

.tdJustificat{
	color: #586885;
    font: 12px Verdana,Arial,Helvetica,sans-serif;
    text-align: justify;
}

.pronostic_resaltat{
	font-weight: bold;
	font-color: #FF0000;	
}